import React,{ Component } from 'react';
import './base.scss';
class Com extends Component {
    constructor (props) {
      super(props)
      this.state = {}
    }
    render () {
        return (
         
            <div className = "Wrapper-left">
                <div className = "Wrapper-left-top" style = {{
                    border:'1px solid #cecece'
                }}>
                    <div style = {{borderBottom:'1px solid #cecece'}}>
                        <p style={{ fontSize:'15px',color: '#000'}}>掘金小册是什么？</p>
                        <p style={{    marginTop: '8px',lineHeight: '1.4',fontSize: '14px',color: '#646464'}}> 一个小篇幅、高浓度、成体系、有收益的技术学习平台</p>
                    </div>
                    <div>
                        <p>关注公众号 领取优惠码</p>
                        <div className = 'wrapper-background'></div>
                    </div> 
                </div>
                <div className = "Wrapper-left-mid">
                  <a href="/book/59e414a5518825541b03ce66">
                  <img src="https://b-gold-cdn.xitu.io/v3/static/img/author.c5d975e.png" alt=''/>
                  <div>成为作者</div>
                  </a>
                  <a href="/book/59e414a5518825541b03ce66">
                  <img src="https://b-gold-cdn.xitu.io/v3/static/img/feedback.1230fb5.png"  alt=''/>
                  <div>建议反馈</div>
                  </a>
                </div>
                <div className='Wrapper-left-bom' style={{
                     marginTop:'10px',height:'80px',overflow: 'hidden',
                     borderRadius: '2px',background: '-webkit-linear-gradient(-12deg,#f87554,#f0232f)',
                    boxSizing: 'border-box',boxShadow: '0 1px 3px 0 rgba(4,5,13,.23)'
                    }}>
                    <img  src="https://b-gold-cdn.xitu.io/v3/static/img/icon.b99ea03.svg"  alt='' style={{
                        width:'50px',float:'left',marginTop:'15px'                    }}/>
                    <div  className='Wrapper-left-bom-b-r' style={{
                        width:'166px',float:'left',marginTop:'5px',marginLeft:'15px'
                    }}>
                        <span style={{width:'100%',display:'block',marginTop:'12px',color:'#fff'}}> 送你 45 元买小册</span>
                        <p style={{border:'1px solid #cecece',width:'65px',height:'22px',lineHeight:'22px',textAlign:'center',cursor:'pointer',color:'#fff',marginTop:'3px'}}>立即领取</p>
                    </div>
                </div>
            </div>
           
        )
      }
}
    
    export default Com;